.header {
  padding-top: 24px;
  font-family: $font-family-base;
  position: relative;
  z-index: $z-index-header;

  &.on {
    background: $secondary-color;
    padding: 4px 0;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;

    .logo {
      width: 105px;
    }

    .rts {
      .naver li {
        h2 {
          a {
            color: $background-color;
          }

          &::before {
            background: $background-color;
          }

          i {
            background: url(../images/fn0-1.png) no-repeat center/cover;
          }
        }
      }

      .login span {
        background: $background-color;
        color: $primary-color;

        &:hover {
          background: rgba(255, 255, 255, 0.9);
        }
      }
    }
  }
} 